.navbar a.active {
    color: #007bff; /* 当前选中项的颜色 */
    font-weight: bold;
}

.header {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 1rem;
}

a {
    color: black;
    text-decoration: none;
}

a.active {
    font-weight: bold;
}

a:hover {
    color: #cf2424;
}
.style{
    margin: 0;
}
.h {
    margin-right: 50px;
    font-size: 24px;
    color: #333;
}

tbody tr td img{
    width: "200px"
}


.table {
    margin-bottom: 20px;
}

.table thead th {
    background-color: #f5f5f5;
    border-bottom: 2px solid #ddd;
    font-weight: bold;
}

.table tbody td {
    vertical-align: middle;
}

.table-striped tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.quantity-input {
    width: 70px;
    text-align: center;
}

input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
}

.text-right strong {
    font-size: 18px;
    color: #333;
}

#totalPrice {
    font-size: 20px;
    color: #ff5050;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}